/*
  1. 引入Vue App
  2. 将App组件渲染Vue根节点中
*/
// import Vue from "vue/dist/vue.esm.js";
import Vue from "vue";
import App from "./App";

// 关闭多余的提示
Vue.config.productionTip = false;

new Vue({
  el: "#app",
  render: h => h(App)
  // 使用createElement方法编译App，并渲染到根节点中
  // render: createElement => createElement(App)
  // components: {
  //   App
  // }
});

/*
  vue有很多版本：https://cn.vuejs.org/v2/guide/installation.html#%E5%AF%B9%E4%B8%8D%E5%90%8C%E6%9E%84%E5%BB%BA%E7%89%88%E6%9C%AC%E7%9A%84%E8%A7%A3%E9%87%8A
  默认情况下:
    import Vue from "vue";  引入Vue文件的版本：vue.runtime.esm.js
    特点：只包含运行时版本，没有编译模板能力

  解决：
    1. 引入完整版的vue，包含编译模板能力
       缺点：
        1. 写的比较麻烦
        2. 代码体积更大
    2. 使用带编译模板能力的render方法来渲染App组件
      优点：
        1. 写的简单
        2. 代码体积更小
*/
